<template>
    <div class="tooltip">
        <el-tooltip 
            class="item" 
            effect="light" 
            :content="data"
            placement="bottom-start">
            <!-- <i class="el-icon-info"></i> -->
            <img src="./img/ic_info_black.svg">
        </el-tooltip>
    </div>
</template>
<script>
export default {
    data() {
        return {}
    },
    props: {
        data: {
            type: String,
            default: ""
        }
    }
}
</script>
<style lang="less" scoped>
.tooltip {
    display: inline-block;
    
}

</style>
<style lang="less">
.el-tooltip__popper.is-light {
    max-width: 200px;
    background: #FFF;
    border: 1px solid #EBEEF5;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.06);
}
</style>